<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>06-json对象的遍历.html</title>
</head>
<body>

<script>

    // 定义一个json数组
    var stus = [
        {id:1,name: '小王', age: 20, school: '蜗牛学院'},
        {id:2,name: '小刘', age: 19, school: '蜗牛学院'},
    ]
    //遍历json数组, 方式1：
    for (let i = 0; i < stus.length; i++) {
        console.log(stus[i].name)
    }

    //遍历json数组 for(let e of stus){} of遍历可以直接拿到元素
    for (let stu of stus) {  //stu 可以直接是数组中的元素
        console.log(stu.name)
    }

    console.log("********************")
    //遍历json数组 for(let i in stus){}  i是数组的 下标
    for (let i in stus) {
        console.log(stus[i].name)
    }

    console.log("***********forEach*********")
    //forEach 的遍历方式
    stus.forEach(s=>{
        console.log(s.name)
    })

    console.log("==============")
    // 需求：获取json数组中的指定的key的集合； 返回的是一个数组
    // stu = {id:1,name: '小缘', age: 20, school: '蜗牛学院'}

    // var names = [];
    // for (let stu of stus) {  //stu 可以直接是数组中的元素
    //     console.log(stu.name)
    //     names.push(stu.name)  //往数组中添加内容
    // }
    // console.log(names)

    //map 的  映射操作
    //stream
    // 1、拿到流    2、操作    3、收集
    //        limit、sort、map
    var names = stus.map(s=>s.name)
    console.log(names)

</script>

</body>
</html>